<template>
	<view class="zy-column-full">
		<zy-title title="Tambah nilai"></zy-title>
		
		<scroll-view class="zy-scroll zy-page-padding" scroll-y>
			<!-- 第一部分:价格及 -->
			<view class="zy-column-center-v zy-bg-white-r30 zy-mt-lg">
				<view class="zy-text-black zy-mt">kolam ganjaran rebat penambahan nilai(RM)</view>
				<view class="zy-row-center zy-mt">
					<view class="zy-text-main-lg-bold">7,319,419.00</view>
					<view class="zy-text-gray-lg-bold zy-ml">/ 7,319,419.00</view>
				</view>
				<view class="zy-mt">
					<slider value="50" activeColor="#FFCC33" backgroundColor="#000000" block-color="#8A6DE9" block-size="20" disabled/>
				</view>
			</view>
			<!-- 橘色按钮 -->
			<view class="zy-row-between zy-bg-orange-gradient-r30 zy-mt-lg zy-ph zy-pv-50">
				<view class="zy-text-white">Baki akaun;</view>
				<view class="zy-text-white">RM0.39</view>
			</view>
			<view class="zy-row-center zy-text-main-sm zy-mt-sm" style="text-decoration: underline;">Kilik untuk menonton tuorim penambahan nilai</view>
			<!-- 价格 -->
			<view class="zy-row-center zy-mt-50">
				<zy-price color="black" size="lg" price="50-5000"></zy-price>
			</view>
			<zy-line></zy-line>
			<!-- Pilih和Tambah -->
			<view class="zy-row-between zy-mt-50">
				<view class="zy-text-gray-sm">Pilih objek tambah nilai</view>
				<view class="zy-text-main-sm">Tambah nilai untukdirimu</view>
			</view>
			<view class="zy-text-gray-sm zy-mt-50">Pilih amaun tambah nilai</view>
			<view class="zy-row-wrap zy-mt-sm">
				<view class="zy-p-sm" style="width: 33%; box-sizing: border-box;">
					<view class="zy-column-center-v zy-bg-yellow-light-r15  zy-pv-sm">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-black zy-mt-sm">400</view>
					</view>
				</view>
				<view class="zy-p-sm" style="width: 33%; box-sizing: border-box;">
					<view class="zy-column-center-v zy-bg-yellow-light-r15  zy-pv-sm">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-black zy-mt-sm">400</view>
					</view>
				</view>
				<view class="zy-p-sm" style="width: 33%; box-sizing: border-box;">
					<view class="zy-column-center-v zy-bg-yellow-light-r15  zy-pv-sm">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-black zy-mt-sm">400</view>
					</view>
				</view>
				<view class="zy-p-sm" style="width: 33%; box-sizing: border-box;">
					<view class="zy-column-center-v zy-bg-yellow-light-r15  zy-pv-sm">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-black zy-mt-sm">400</view>
					</view>
				</view>
				<view class="zy-p-sm" style="width: 33%; box-sizing: border-box;">
					<view class="zy-column-center-v zy-bg-yellow-light-r15 zy-border-main zy-pv-sm">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-black">400</view>
					</view>
				</view>
				<view class="zy-p-sm" style="width: 33%; box-sizing: border-box;">
					<view class="zy-column-center-v zy-bg-yellow-light-r15  zy-pv-sm">
						<view class="zy-text-black">₱</view>
						<view class="zy-text-black zy-mt-sm">400</view>
					</view>
				</view>
				
			</view>
			
		</scroll-view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
